
import React, { memo } from 'react';

import { getSizeImage } from '@/utils/format-utils';

import sty from './sty.module.css'
import cs from 'classnames'
import { Link } from 'react-router-dom';

const RadioCover = (props) => {
  const { info } = props
  return <li className={sty.coverWrap}>
    <Link to={`/djradio?id=?${info.id}`}>
      <img src={getSizeImage(info.picUrl, 150)} alt="" />
    </Link>
    <span className={cs(sty.name)} dangerouslySetInnerHTML={{ __html: info.name }} ></span>
    <p >{info.rcmdtext}</p>
  </li>
}
export default memo(RadioCover)